@import '~antd/lib/style/themes/default.less';
@apphw: ~'ant-pro-page-header-wrap';
:global {
  .@{apphw}-page-header-warp {
    .@{apphw}-content,
    .@{apphw}-extraContent {
      margin-bottom: 0 !important;
    }
    .ant-page-header-heading {
      display: none;
    }
  }
  .circleBtnIcon {
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    padding: 1px 0 0 1px;
  }
}
.hasContent {
  :global {
    .ant-pro-page-header-wrap-content {
      margin-bottom: 0;
    }
  }
}
.tableList {
  .tableListOperator {
    margin-bottom: 16px;
    button {
      margin-right: 8px;
    }
  }
}
.osIcon {
  font-size: 18px;
}
.osIconSmall {
  font-size: 15px;
}
:global {
  .anticon-android {
    color: #85c226;
  }
  .anticon-apple {
    color: #0075d9;
  }
}
.modalList {
  :global {
    .ant-card-body {
      padding: 0;
    }
  }
  &.noSubModal {
    :global {
      .btnHide {
        display: none;
      }
    }
  }
}
.tableListForm {
  .submitButtons {
    display: block;
    white-space: nowrap;
    margin-bottom: 24px;
  }
}

// button
.joyButtonGroup {
  margin-bottom: 15px;
}
:global {
  .ant-pro-basicLayout-content.ant-layout-content {
    height: calc(100% - 0px);
  }
}

.buttonGroup {
  :global {
    .ant-btn {
      margin-right: 10px;
    }
  }
}

.selectGroup {
  display: -webkit-box;
  display: flex;
  :global {
    .ant-select {
      .ant-select-selection {
        border-left: none;
        border-radius: 0;
        border-color: #d9d9d9 !important;
      }
      &:first-child .ant-select-selection {
        border-left: 1px solid #d9d9d9;
        border-radius: 4px 0 0 4px;
      }
      &:last-child .ant-select-selection {
        border-radius: 0px 4px 4px 0px;
      }
      &.ant-select-focused {
        .ant-select-selection {
          outline: none;
          box-shadow: none;
        }
      }
    }
  }
}

.tableBox {
}
.searchBox {
  :global {
    .ant-card-body {
      padding-bottom: 0;
      margin-bottom: 15px;
    }
  }
}
:global {
  .ant-pro-page-header-wrap.hasContent {
    margin-bottom: 0;
  }
}

@screen-xxxl: 1920px;
@screen-xxxl-min: @screen-xxl;

// provide a maximum

@screen-xxl-max: (@screen-xxxl-min - 1px);
